﻿@{
    ViewBag.Title = "Servicios";
    string tamano;
    if (ViewBag.sesion)
    {
        tamano = "12";
        Layout = (ViewBag.esCliente != null && ViewBag.esCliente ? "~/Views/Shared/_ClienteLayout.cshtml" : "~/Views/Shared/_Layout.cshtml");
    }
    else
    {
        tamano = "9";
        Layout = "~/Views/Shared/_OfflineLayout.cshtml";
    }
}
<!-- least.js CSS-file -->
<link href="/slider/css/least.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="/Content/site/css/carousel.css" />
<style>
    .carousel  {
        height: 400px;
        width:530px;
    }
    .item.active{
        height: 400px;
        width:530px;
    }
    p {
        color: white;
    }
    .nav-pills > li > a {
        font-size:1em;
    }
    .nav-pills > li > a {
        color: white;
    }
    .nav-pills > li > a:hover {
        color: black;
    }

</style>
<div class="row">   
    <div class="col-lg-12 col-md-12 col-sm-12" style="text-align:center;margin-top:-10px;">
        <div class="well botonera" style="background-color:rgb(0,51,102);border-color:rgb(0,51,102); background-image:none;">
            <ul class="nav nav-pills nav-justified">
                <li class="col-lg-3 col-md-3 col-sm-3" style="background-color:inherit"><a href="/home/">HOME</a></li>
                <li class="col-lg-3 col-md-3 col-sm-3" style="background-color:inherit"><a href="/home/servicios">@(ViewBag.lang == null || ViewBag.lang == "ES" ? "SERVICIOS" : "SERVICES")</a></li>
                <li class="col-lg-3 col-md-3 col-sm-3" style="background-color:inherit"><a href="/home/staff">STAFF</a></li>
                <li class="col-lg-3 col-md-3 col-sm-3" style="background-color:inherit"><a href="/home/enlaces">@(ViewBag.lang == null || ViewBag.lang == "ES" ? "ENLACES DE INTERÉS" : "RELATED LINKS")</a></li>
                <li class="col-lg-3 col-md-3 col-sm-3" style="background-color:inherit"><a href="/home/contacto">@(ViewBag.lang == null || ViewBag.lang == "ES" ? "CONTACTO" : "CONTACT US")</a></li>
            </ul>
        </div>
    </div>
 </div>

<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12">
        @if (ViewBag.lang == null || ViewBag.lang == "ES" ) {
        <fieldset><legend><p>Nuestros servicios</p></legend></fieldset>
        <p style="color:white">Equinox Consulting S.A.C. realiza todo tipo de surveys a nivel nacional e internacional entre los que se encuentran: </p>
        }else{
        <fieldset><legend><p>Services</p></legend></fieldset>
        <p style="color:white">Equinox Consulting S.A.C. performs all kind of surveys at all Peruvian and international ports, which include: </p>
        }
    </div>
        @if (ViewBag.lang == null || ViewBag.lang == "ES" ) {
    <div class="col-lg-6 col-md-6 col-sm-6" style="color:white">
        <ul>
	    <li><p >protección e indemnización;</p></li>
	    <li><p  >casco y maquinarias;</p></li>
	    <li><p  >averías;</p></li>
	    <li><p  >encallamiento;</p></li>
	    <li><p  >colisiones y alisiones;</p></li>
	    <li><p  >inspección de condición y daños;</p></li>
        <li><p  >peritaje de inicio/fin de fletamento;</p></li>
	    <li><p  >responsabilidad del fletador;</p></li>
	    <li><p  >inspección de embarque/descarga;</p></li>
	    <li><p  >contaminación.</p></li>
        </ul>
        <p  >Asimismo, inspeccionamos todo tipo de instalaciones costeras y en alta mar, dique seco, muelles, grúas y equipos portuarios.</p>
        <p><a style="color:white;font-weight:bold;text-decoration: underline" target="_blank" href="/Equinox Consulting S.A.C. Brochure 2014.pdf">Descargar Equinox Brochure</a></p>
    </div>
        }else{
    <div class="col-lg-6 col-md-6 col-sm-6" style="color:white">
        <ul>
	    <li><p >Protection and Indemnity;</p></li>
	    <li><p  >Hull and Machinery;</p></li>
	    <li><p  >Failures;</p></li>
	    <li><p  >Groundings;</p></li>
	    <li><p  >Collisions and allisions;</p></li>
	    <li><p  >Condition and Damage inspection;</p></li>
        <li><p  >On/Off Hire Inspection;</p></li>
	    <li><p  >Charterer’s liability;</p></li>
	    <li><p  >Discharge/loading inspection;</p></li>
	    <li><p  >Contamination.</p></li>
        </ul>
        <p  >Additionally, we also inspect shore-based facilities, offshore facilities, dry-docks, piers, docks, cranes and other shore side equipment.</p>
        <p><a style="color:white;font-weight:bold;text-decoration: underline" target="_blank" href="/Equinox Consulting S.A.C. Brochure 2014.pdf">Download Equinox Brochure</a></p>
    </div>
        }
    <div class="col-lg-6 col-md-6 col-sm-6">
        <br />
        <!-- Carousel
    ================================================== -->
        <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="3000">
            <div class="carousel-inner">
                <div class="item active">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios2.jpg" alt="Slide2">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios3.jpg" alt="Slide3">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios4.jpg" alt="Slide4">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios5.jpg" alt="Slide5">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios6.jpg" alt="Slide6">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios7.jpg" alt="Slide7">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios8.jpg" alt="Slide8">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios9.jpg" alt="Slide9">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios10.jpg" alt="Slide10">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios11.jpg" alt="Slide11">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios12.jpg" alt="Slide12">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios13.jpg" alt="Slide13">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios14.jpg" alt="Slide14">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios15.jpg" alt="Slide15">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios16.jpg" alt="Slide16">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios17.jpg" alt="Slide17">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios18.jpg" alt="Slide18">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios19.jpg" alt="Slide19">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios20.jpg" alt="Slide20">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios21.jpg" alt="Slide21">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios22.jpg" alt="Slide22">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios23.jpg" alt="Slide23">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios24.jpg" alt="Slide24">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios25.jpg" alt="Slide25">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios26.jpg" alt="Slide26">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios27.jpg" alt="Slide27">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios28.jpg" alt="Slide28">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios29.jpg" alt="Slide29">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios30.jpg" alt="Slide30">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios31.jpg" alt="Slide31">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios32.jpg" alt="Slide32">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios33.jpg" alt="Slide33">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios34.jpg" alt="Slide34">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios35.jpg" alt="Slide35">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios36.jpg" alt="Slide36">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios37.jpg" alt="Slide37">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios38.jpg" alt="Slide38">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios39.jpg" alt="Slide39">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios40.jpg" alt="Slide40">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios41.jpg" alt="Slide41">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios42.jpg" alt="Slide42">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios43.jpg" alt="Slide43">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios44.jpg" alt="Slide44">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosServicios/Servicios45.jpg" alt="Slide45">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p style="color:black"></p>
                            <p></p>
                        </div>
                    </div>
                </div>

            </div>
            <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
            <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
        </div>
        <!-- /.carousel -->
    </div>
</div>